<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/layout" th:with="header='其它物料出库明细', subtext='管理系统中其它物料出库明细数据'">

<head>
    <title>其它物料出库明细</title>
</head>
<body>

<th:block layout:fragment="content">
    <div class="box-body m-b-sm border-bottom">
        <form class="form-horizontal search-form" role="form" th:object="${r}" novalidate="novalidate" >
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">单号</label>
                        <label class="form-control-static" id='documentNumber'>[[*{documentNumber}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">类型</label>
                        <label class="form-control-static" id='type'>[[${@CODES.textByValue('SO_TYPE', r.type)}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">订单时间</label>
                        <label class="form-control-static" id='expectedTime'>[[${#calendars.format(r.expectedTime, 'yyyy-MM-dd HH:mm:ss')}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">状态</label>
                        <label class="form-control-static" id='status'>[[${@CODES.textByValue('SO_STATUS', r.status)}]]</label>
                    </div>
                </div>
            </div>
            <div class="row m-t-sm">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">收货人编码</label>
                        <label class="form-control-static" id='consigneeCode'>[[*{consigneeCode}]]</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-lg-5">收货人名称</label>
                        <label class="form-control-static" id='consigneeName'>[[*{consigneeName}]]</label>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="box">
                <div class="box-body">
                    <h2>
                        <a  class="btn btn-primary btn-sm" th:href="@{|${baseUrl}/add|}" th:title="添加发运订单明细">
                            <i class="fa fa-fw fa-plus"></i> 添加
                        </a>
                        <a  class="btn btn-danger btn-sm delAll" href="javascript:;" th:title="删除发运订单明细">
                            <i class="fa fa-fw fa-trash"></i> 删除
                        </a>

                        <!--
                          <a class="btn btn-default back" th:href="@{|/outbound/otso|}" th:title="返回发运订单单证">
                              <i class="fa fa-fw fa-reply"></i> 返回单证
                          </a>
                         -->
                    </h2>
                    <div id="tableWrapper">
                        <table id="table" class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>HeaderId</th>
                                <th style="width:40px;">
                                    <a href="javascript:;" class="selectAll" title="全选">全选</a>
                                </th>


                                <th style="width:80px;">单号</th>
                                <th style="width:50px;">行号</th>
                                <th style="width:80px;">物料编码</th>
                                <th style="width:160px;">物料名称</th>
                                <th style="width:80px;">订单数量</th>
                                <th style="width:80px;">分配数量</th>
                                <th style="width:80px;">拣货数量</th>
                                <th style="width:80px;">发货数量</th>
                                <th style="width:100px;">指定批号</th>
                                <th style="width:60px;">状态</th>
                                <th style="width:100px;">操作</th>

                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form id="delForm" method="post" style="display: none" th:action="@{|${baseUrl}/del|}">
        <input id="ids" type="hidden" name="ids" />

    </form>
</th:block>
<th:block layout:fragment="scripts">
    <script th:inline="javascript">
        // 后端传入前端使用的变量JS中定义
        var headerId = /*[[${params['headerId']}]]*/ '';
        var status = /*[[${r.status}]]*/ '';
        var VALUES_MAP_DICT_TYPE = /*[[${@CODES.valuesMapOfType('SO_STATUS')}]]*/ {};

    </script>
    <script th:src="@{|${theme}/js/app/outbound/smsodetails_list.js?v=${applicationVersion}|}" th:inline="javascript"></script>
</th:block>
</body>

</html>
